﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="container">
    <div class="col-sm-3 col-md-3">
        <ul id="tabs" class="nav nav-pills nav-stacked" data-tabs="tabs">
            <li id="details"><a href="#details-tab" data-toggle="tab"><span class="glyphicon glyphicon-home"></span> Основные</a></li>
            <li id="messages"><a href="#messages-tab" data-toggle="tab"><span class="glyphicon glyphicon-envelope"></span><span class="badge pull-right">1</span> Cообщения</a></li>
            <li id="reviews"><a href="#reviews-tab" data-toggle="tab"><span class="glyphicon glyphicon-file"></span> Отзывы</a></li>
            <li id="comments"><a href="#comments-tab" data-toggle="tab"><span class="glyphicon glyphicon-comment"></span> Комментарии</a></li>
            <li id="notifications"><a href="#notifications-tab" data-toggle="tab"><span class="glyphicon glyphicon-cog"></span><span class="badge pull-right">3</span> Уведомления</a></li>
            <li id="settings"><a href="#settings-tab" data-toggle="tab"><span class="glyphicon glyphicon-cog"></span> Настройки</a></li>
            <li class="nav-divider"></li>
            <li id="all-reviews"><a href="#all-reviews-tab" data-toggle="tab"><span class="glyphicon glyphicon-cog"></span> Управление отзывами</a></li>
            <li id="all-users"><a href="#all-users-tab" data-toggle="tab"><span class="glyphicon glyphicon-cog"></span> Управление пользователями</a></li>
        </ul>
    </div>
    <div class="col-sm-9 col-md-9">
        <div class="tab-content" id="my-tab-content">
            <div class="tab-pane" id="details-tab"></div>
            <div class="tab-pane" id="messages-tab"></div>
            <div class="tab-pane" id="reviews-tab"></div>
            <div class="tab-pane" id="comments-tab"></div>
            <div class="tab-pane" id="notifications-tab"></div>
            <div class="tab-pane" id="settings-tab"></div>
            <div class="tab-pane" id="all-reviews-tab"></div>
            <div class="tab-pane" id="all-users-tab"></div>
            <div class="row">
                <div class="ad">
                    <a href="http://www.jquery2dotnet.com" class="title">jQuery2DotNet</a>
                    <div>
                        Cool jQuery, CSS3, HTML5, Bootstrap, and MVC tutorial
                    </div>
                    <a href="http://www.jquery2dotnet.com" class="url">www.jquery2dotnet.com</a>
                </div>
            </div>
        </div>
    </div>
</div>

@section scripts
{
    <script src="@Url.Content("~/Scripts/Common/AjaxLoader.js")"></script>
    <script src="@Url.Content("~/Scripts/Profile/MenuItemContol.js")"></script>
    <script src="@Url.Content("~/Scripts/Profile/ProfileMenuItemControl.js")"></script>
    <script src="@Url.Content("~/Scripts/Profile/MessagesBarControl.js")"></script>
    <script src="@Url.Content("~/Scripts/Profile/NavigationBarControl.js")"></script>
    <script src="@Url.Content("~/Scripts/Profile/ProfilePageManager.js")"></script>

    <script src="@Url.Content("~/libs/mustache.js")"></script>

    <script type='text/javascript'>
    if (typeof Resources == 'undefined') {
        var Resources = {};
        window.Resources = Resources;
    }
    var profile = {

        details: '@Url.Action("Details", "Profile")',

        messagesHtmlUrl: '@Url.Action("Messages", "Profile")',
        messagesDataUrl: '@Url.Action("messages","api/data")',

        reviewHtmlUrl: '@Url.Action("Reviews", "Profile")',
        reviewDataUrl: '@Url.Action("reviews","api/data")',

        commentsHtmlUrl: '@Url.Action("Comments", "Profile")',
        commentsDataUrl: '@Url.Action("comments", "api/data")',

        notificationsHtmlUrl: '@Url.Action("Notifications", "Profile")',
        notificationsDataUrl: '@Url.Action("notifications", "api/data")',

        settings: '@Url.Action("Settings", "Profile")',
        all_reviews: '@Url.Action("ManagerMenu", "Manager")',
        all_users: '@Url.Action("Users","Profile")'
    };

    Resources.profile = profile;

    var profilePageManager = new ProfilePageManager();

    profilePageManager.Load();

</script>
}